$font-size-xl: 28px;
$font-size-l: 1.25rem;
$font-size-m: 1rem;
$font-size-s: 10px;
$box-shadow: 6px 2px 6px 0px rgba(0, 0, 0, 0.2);

@mixin text-Onerow() {
    // 溢出隐藏
    overflow: hidden;
    // 强制在一行显示
    white-space: nowrap;
    // 显示省略号
    text-overflow: ellipsis;
}

@mixin bk-style() {
    background-image: linear-gradient(90deg, rgba(196, 198, 198, .25) 10%, transparent 0), linear-gradient(hsla(0, 0%, 80.4%, .25) 10%, transparent 0);
    background-size: 10px 10px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid hsla(0, 0%, 91%, .25);
}

@mixin keyframes($animationName) {
    @-webkit-keyframes #{$animationName} {
        @content;
    }

    @-moz-keyframes #{$animationName} {
        @content;
    }

    @-o-keyframes #{$animationName} {
        @content;
    }

    @keyframes #{$animationName} {
        @content;
    }
}